<template>
    <div class="icons">
        <div class="iconsRow">
            <div class="icon">
                <div class="icon-img">
                    <img src="http://img1.qunarzz.com/piao/fusion/1803/95/f3dd6c383aeb3b02.png" alt="">
                </div>
                <span>热门景点</span>
            </div>
            <div class="icon">
                <div class="icon-img">
                    <img src="http://img1.qunarzz.com/piao/fusion/1804/ff/fdf170ee89594b02.png" alt="">
                </div>
                <span>北京必游</span>
            </div>
            <div class="icon">
                <div class="icon-img">
                    <img src="http://img1.qunarzz.com/piao/fusion/1804/5a/13ceb38dcf262f02.png" alt="">
                </div>
                <span>一日游</span>
            </div>
            <div class="icon">
                <div class="icon-img">
                    <img src="http://img1.qunarzz.com/piao/fusion/1803/20/831d62d2e1c7be02.png" alt="">
                </div>
                <span>文化古迹</span>
            </div>
        </div>
        <div class="iconsRow">
            <div class="icon">
                <div class="icon-img">
                    <img src="http://img1.qunarzz.com/piao/fusion/1803/76/eb88861d78fb9902.png" alt="">
                </div>
                <span>动植物园</span>
            </div>
            <div class="icon">
                <div class="icon-img">
                    <img src="https://img1.qunarzz.com/piao/fusion/1803/20/831d62d2e1c7be02.png" alt="">
                </div>
                <span>打卡圣地</span>
            </div>
            <div class="icon">
                <div class="icon-img">
                    <img src="http://img1.qunarzz.com/piao/fusion/1803/fa/2548667cb6e902.png" alt="">
                </div>
                <span>野生动物园</span>
            </div>
            <div class="icon">
                <div class="icon-img">
                    <img src="http://img1.qunarzz.com/piao/fusion/1803/ab/6f7d6e44963c9302.png" alt="">
                </div>
                <span>泡温泉</span>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    name:"HomeIcons"
}
</script>
<style scoped lang="stylus">
     @import '~styles/mixin.styl'
     .icons{
         overflow :hidden;
         height :4rem;
         top:-.1rem;
         color:#212121;
         padding-top :.4rem;
         .iconsRow{
             display :flex;
             justify-content:space-around;
             position: relative;
             margin-bottom:.2rem;
             height :1.6rem;
             width :100%;
             .icon{
             width :1.2rem;
             height :1.2rem;
             font-size:.13rem;
             text-align :center;
             ellipsis()
         }
         }
         
    }
</style>
